<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box {
				width: 200px;
				height: 200px;
				border-radius: 50%;
				/* border-radius：10px 10px 10px 10px;四个值分别代表左上角，右上角，右下角，左下角，顺时针 */
				box-shadow: inset -4px -2px 16px #ff6799;
				/* box-shadow：X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; */
				border-image: url(lp.jpg) 170 170 170 170 repeat;
				/* border-image：border-image-source [border-image-slice] [border-image-width] [border-image-outset] [border-image-repeat]; */
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
	</body>
</html>